<template>
  <div id="index">
    <div class="header">
      <!-- <div class="header_title">后台管理系统</div> -->
      <div class="header_title">后台管理</div>
      <el-tabs v-model="activeName" @tab-click="handleClick">
        <el-tab-pane label="用户审核" name="first">
          <Auditing_view />
        </el-tab-pane>
        <el-tab-pane label="用户管理" name="second">
          <User_List />
        </el-tab-pane>
        <!-- <el-tab-pane label="角色管理" name="third">角色管理</el-tab-pane>
        <el-tab-pane label="定时任务补偿" name="fourth">定时任务补偿</el-tab-pane>-->
      </el-tabs>
      <!--
        <div class="header_title">后台管理系统</div>
      <el-button plain  @click="quit()">退出</el-button>-->
      <div class="quit_butt">
        <el-button plain @click="quit()">退出</el-button>
      </div>
    </div>
    <!-- <div class="header">
      <div class="header_title">后台管理系统</div>
        <el-button plain  @click="quit()">退出</el-button>
    </div>-->
    <!-- <div class="mannge_body_box"> -->
    <!-- <el-tabs :tab-position="tabPosition" style=" height: 90vh">
        <el-tab-pane label="用户审核"><Auditing_view/></el-tab-pane>
        <el-tab-pane label="用户列表"><User_List/></el-tab-pane>
    </el-tabs>-->
    <!-- </div> -->
  </div>
</template>

  <script>
import Auditing_view from "@/components/ComeFrom/Auditing_view.vue";
import User_List from "@/components/ComeFrom/User_List.vue";
export default {
  data() {
    return {
      tabPosition: "left",
      loading: true,
      activeName: "first",
      formattedDate: ""
    };
  },
  components: {
    Auditing_view,
    User_List
  },
  mounted() {
    this.cancelLoading();
    this.timeinit();
  },
  methods: {
    cancelLoading() {
      setTimeout(() => {
        this.loading = false;
        console.log(this.$refs.bg_img);
      }, 500);
    },
    quit() {
      this.$router.push("/login");
    },
    echart_ivew() {
      this.$router.push("/index");
    },
    timeinit() {
      const currentDate = new Date();
      const year = currentDate.getFullYear();
      const month = currentDate.getMonth() + 1;
      const day = currentDate.getDate();

      const weekday = ["周日", "周一", "周二", "周三", "周四", "周五", "周六"];
      const formattedDate = `${year}年${month}月${day}日 ${
        weekday[currentDate.getDay()]
      } ${currentDate.getHours()}时${currentDate.getMinutes()}分`;
      this.formattedDate = formattedDate;
    }
  }
};
</script>

  <style lang="scss" scoped>
@import "../assets/scss/mannge.scss";
::v-deep .el-tabs__item {
  color: white !important;
}
::v-deep .el-tabs__nav-wrap::after {
  display: none;
}

::v-deep .el-tabs__content {
  // background-color: aqua;
  // width: 100%;
  margin-left: -320px;
  // background-color: rgb(146, 26, 26) !important;
}
.quit_butt {
  // float: right;
  right: 100px;
  position: absolute;
  // float: right;
}
</style>